@charset "utf-8";

.banner{
    height: 544px;
    /* background-repeat: no-repeat; */
    background-position: center;
}

.banner.glass_try_on{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/3d_glass_try_on/banner_2d_img.jpg');
}

/* 360展示 */
.banner.roved {
    background-image: url('//gz.bcebos.com/panx-website/images/technology/360_roved/banner_360_img.jpg');
}

/*  */
.banner.ar-game {
    background-image: url('//gz.bcebos.com/panx-website/images/technology/ar_game/banner_argame_img.jpg');
}

.banner.face_detection {
    background-image: url('//gz.bcebos.com/panx-website/images/technology/face_detection/banner_facedetection_img.jpg');
}

/* .banner.ar-game{
    background: gray;
} */
/* 肢体捕捉 */
.banner.motion_captures {
    background-image: url('//gz.bcebos.com/panx-website/images/technology/motion_captures/banner_body_img.jpg');
}

/* 照片合成 */
.banner.photomontage{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/photomontage/banner_Composite_image_img.jpg');
}

/* 视线追踪 */
.banner.eye_tracking{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/eye_tracking/banner_Eye_tracking_img.jpg');
}

/* 人脸3d重建 */
.banner.face_reconstruction{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/face_reconstruction/banner_Facial reconstruction_img.jpg');
}

/*  脸型识别 */
.banner.face_recognition{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/face_recognition/banner_facerecognition_img.jpg');
}

/* 表情识别 */
.banner.facial_expression_recognition{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/facial_expression_recognition/banner_Facial recognition_img.jpg');
}

/* 脸部老化 */
.banner.face_aging{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/face_aging/banner_Facialaging_img.jpg');
}

.banner.gesture_recognition{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/gesture_recognition/banner_gesture_img.jpg');
}

/* 手势互动 */
.banner.gesture_interaction{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/gesture_interaction/banner_gesture_int_img.jpg');
}

/* 头发分割 */
.banner.split_hair{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/split_hair/banner_hair_img.jpg');
}

/* 互动投影 */
.banner.interactive_projection{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/interactive_projection/banner_hudong_img.jpg');
}

/* 美瞳试戴 */
.banner.try_on_contact_lenses{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/try_on_contact_lenses/banner_lenses_img.jpg');
}

/* 2.5d眼镜试戴 */
.banner.two_d_glass_try_on {
    background-image: url('//gz.bcebos.com/panx-website/images/technology/25d_glass_try_on/banner_2.5Dglasses_img.jpg');    
}
/* 2d 发型试戴 */
.banner.tow_d_hairdo_try_on {
    background-image: url('//gz.bcebos.com/panx-website/images/technology/2d_hairdo_try_on/banner_2.5dhair_img.jpg');        
}

/* 3d 发型试戴 */
.banner.there_d_hairdo_try_on {
    background-image: url('//gz.bcebos.com/panx-website/images/technology/3d_hairdo_try_on/banner_3Dhair_img.jpg');
}

/* 变脸 */
.banner.face_changing{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/face_changing/banner_changeface_img.jpg');    
}

/* ar试妆 */
.banner.ar_makeup_try_on{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/ar_makeup_try_on/beautyAR_Beauty_AR_banner.png');    
}

/* 魔妆镜 */
.banner.magic_mirror{
    background-image: url('//panx-website.gz.bcebos.com/images%2Ftechnology%2Fmagic_mirror%2Fbanner_mirror_img.jpg');    
}

/* 脸部数据采集 */
.banner.facial_data_acquisition{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/facial_data_acquisition/banner_facedata_img.jpg');        
}

.banner.facial_motion_tracking {
    background-image: url('//gz.bcebos.com/panx-website/images/technology/facial_motion_tracking/banner_facegesture_img.jpg');            
}

.introduction{
    padding-top: 70px;
    padding-bottom: 70px;
    width: 1080px;
    margin: 0 auto;
}

.introduction-thumb {
    width: 502px;
    height: 366px;
    float: left;
}

.introduction-section{
    margin-left: 570px;
    color: #333333;
}

.introduction-section-title{
    font-size: 30px;
    margin: 0;
    font-weight: normal;
    line-height: 1;
    padding-top: 78px;
}

.introduction-section-text{
    margin: 0;
    line-height: 34px;
    font-size: 14px;
    padding-top: 18px;
    text-align: justify;
}

.advantage{  
    height: 610px;
    background-image: url('//gz.bcebos.com/panx-website/images/technology/common_advantage_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
}

.advantage.two{
    height: 460px;
    background-image: url('//gz.bcebos.com/panx-website/images/technology/common_advantage_bg_2.jpg');
}

/* 视线追踪 */
.advantage.eye_tracking{
    height: 340px;
    background-image: url('//gz.bcebos.com/panx-website/images/technology/eye_tracking/bg_Eye_tracking_img.jpg');
}


/*  眼镜试戴 */
.advantage.glass_try_on{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/3d_glass_try_on/adv_2d_img.jpg');
}

.advantage.ar-game{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/ar_game/adv_2d_img.jpg');
}

.advantage.face_detection{
    height: 460px;
    background-image: url('//gz.bcebos.com/panx-website/images/technology/face_detection/bg_facedetection_img.jpg');
}

.advantage.try_on_contact_lenses{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/try_on_contact_lenses/advantage.jpg');
    height: 460px;
}

/* 发型分割 */
.advantage.split_hair{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/split_hair/bg__hair_img.jpg');
    height: 460px;
}

/*  肢体捕捉 */
.advantage.motion_captures{
    /* background-image: url('//gz.bcebos.com/panx-website/images/technology/face_detection/bg_facedetection_img.jpg'); */
}

/* 3d 发型试戴 */
.advantage.two_d_hairdo_try_on{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/3d_hairdo_try_on/bg_3Dhair_img.jpg');
    height: 610px;    
}

/* 3d 发型试戴 */
.advantage.there_d_hairdo_try_on{
    background-image: url('//gz.bcebos.com/panx-website/images/technology/3d_hairdo_try_on/bg_3Dhair_img.jpg');
    height: 700px;    
}

/* ar 试妆 */
.advantage.ar_makeup_try_on{
    background-image: url('//panx-website.gz.bcebos.com/images/technology/ar_makeup_try_on/product_advantage_bg.png');
    height: 700px;    
}

/* 魔妆镜 */
.advantage.ar_makeup_try_on{
    background-image: url('//panx-website.gz.bcebos.com/images/technology/ar_makeup_try_on/product_advantage_bg.png');
    height: 700px;    
}

.advantage.there_d_hairdo_try_on .advantage-list-item{
    height: 170px;
}



.advantage  > .container{
    width: 1080px;
    margin: 0 auto;
    padding-top: 68px;
}

.advantage-header{
    font-size: 30px;
    margin: 0px;
    text-align: center;
    line-height: 1em;
    font-weight: normal;
    margin-bottom: 40px;
}

.advantage-header::after {
    content: "";
    display: block;
    height: 4px;
    margin: 14px auto 0;
    width: 50px;
    background: #fff;
}

.advantage-list{
    margin-left:  110px;
    margin-right: 38px;
}

.advantage-list-item{
    width: 50%;
    float: left;
    height: 140px;
}

.advantage-list-item-thumb{
    width: 68px;
    height: 68px;
    float: left;
    margin-top: 6px;
}

.advantage-list-item-content{
    margin-left:86px;
    margin-right: 96px;
}

.advantage-list-item-content-title{
    margin: 0;
    font-size: 24px;
    font-weight: normal;
}

.advantage-list-item-content-text{
    margin: 0;
    font-size: 14px;
    padding-top: 10px;
}

.scene{
    width: 1196px;
    margin: 0 auto;
    padding: 70px 0;
}

.scene.not-top{
    padding-top: 0;
}

.scene-header{
    font-size: 30px;
    margin: 0px;
    text-align: center;
    line-height: 1em;
    font-weight: normal;
    margin-bottom: 40px;
}

.scene-header::after{
    content: "";
    display: block;
    height: 4px;
    margin: 14px auto 0;
    width: 50px;
    background: #f56631;
}

.scene-list{
    font-size: 0;
    /* text-align: center; */
    margin: 0 -6px;
}

.scene-list.middle{
    text-align: center;
}

.scene-list-item{
    display: inline-block;
    width: 290px;
    margin: 0 6px;
    text-align: center;
}

.scene-list-item-thumb{
    width: 100%;
    /* padding-bottom: 24px; */
}

.scene-list-item-thumb img{
    width: 100%;
}
.scene-list-item-desc{
    font-size: 18px;
    color: #333333;
    line-height: 62px;
   
}


/* 手势类型 */


.gesture_interaction.type{

}

.gesture_interaction.type .type-header{
    font-size: 30px;
    margin: 0px;
    text-align: center;
    line-height: 1em;
    font-weight: normal;
    margin-bottom: 40px;
}

.gesture_interaction.type .type-header::after {
    content: "";
    display: block;
    height: 4px;
    margin: 14px auto 0;
    width: 50px;
    background: #f56631;
}

.type-content{
    width: 1016px;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 56px;
}

.type-content-item{
    display: inline-block;
    margin: 0 32px;
    width: 190px;
    height: 176px;
    height: 230px;
}

.type-content-item-name{
    margin: 0;
    font-size: 18px;
    color: #666666;
    line-height: 3;
}